import React, { Component } from 'react'


import Page1 from './Page1'
import Page2 from './Page2'

/*
    redux-saga 异步状态管理
    1. 安装： npm i redux-saga
    2. 在 src 下创建 src/api/pro.js ，在该文件中封装两个请求
    3. 在 store 文件夹中创建一个 mySaga.js 文件
        在该文件中创建两个异步方法，创建完毕后监听异步的事件
    4. 在 store 文件夹下的 index.js 文件中配置 saga
        import createSagaMiddleware from 'redux-saga'
        import mySaga from './mySaga'
        import { applyMiddleware } from 'redux'
        创建一个中间件
        const sagaMiddleware = createSagaMiddleware()
        应用中间件
        const store = createStore(reducer, applyMiddleware(sagaMiddleware))
        使 saga 生效 
        sagaMiddleware.run(mySaga)
    5. 在组件中触发事件
        dispatch({ type: REQUEST_BANNER_LIST })
        dispatch({ type: REQUEST_PRO_LIST, payload: { limitNum: 5 } })

*/

export default class App extends Component {
    render() {
        return (
            <div>
                <Page1 />
                <hr />
                <Page2 />
            </div>
        )
    }
}
